<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>稽查</title>
    <link rel="import" href="/view/common/commoncsslink.html?__inline">
    <link rel="stylesheet" type="text/css" href="/css/main.css">    
    <link rel="import" href="/view/common/commonscriptlink.html?__inline">
</head>

<body>
    <link rel="import" href="/view/common/head.html?__inline">

        <!-- s-->
        <div id="main" class="container-fluid main">
            <div class="row">
                <div class="col-md-2" style="background: #328dc7;padding-right:0;z-index: 11;">
                    <div id="mum_left" class="mum_left">
                        <link rel="import" href="/view/mum.html?__inline">
                    </div>
                </div>
                <div class="col-md-10">
                    <div id="mum_right" class="mum_right">

                        <div class="panel">
                            <div class="panel-heading">
                                <ol class="breadcrumb" style="margin-bottom: 0;">
                                    <li class="active">申诉列表</li>
                                </ol>
                            </div>
                            <div class="panel-body" id="main_content">
                                <!--  start -->
                                <div class="container-fluid ">
                                        <div class="row">
                                            <div class="col-sm-3">
                                                <div class="input-group">
                                                <span class="input-group-addon">稽查日期</span>
                                                <input class="form-control form-date" style="float:right;"  type="text" >
                                                </div>
                                            </div>
                                            <div class="col-sm-2">
                                                <input class="form-control form-date" style="float:right;"  type="text" >
                                            </div>
                                            <div class="col-sm-3">
                                                <div class="input-group">
                                                    <span class="input-group-addon">稽查部门</span>
                                                    <select class="form-control">
                                                        <option>请选择</option>
                                                    </select>
                                                </div>
                                            </div>
                                            
                                            <div class="col-sm-4">
                                                <button class="btn btn-primary " type="button">查询</button>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <!-- 使用一个div来显示数据表格 -->
                                            <div class="datatable" data-checkable="true" data-sortable="true"></div>
                                        </div>
                                        <div class="row" style="text-align:center">
                                            <ul class="pager center-block">
                                                <li class="previous"><a href="#">« 上一页</a></li>
                                                <li><a href="#">1</a></li>
                                                <li class="active"><a href="#">2</a></li>
                                                <li><a href="#">3</a></li>
                                                <li><a href="#">4</a></li>
                                                <li><a href="#">5</a></li>
                                                <li class="next"><a href="#">下一页 »</a></li>
                                            </ul>
                                        </div>

                                </div>
                                <!--  end -->          
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- e-->

    <link rel="import" href="/view/common/foot.html?__inline">
</body>

<script type="text/javascript">
     $(document).ready(function() {

        // 时间和日期
       $(".form-date").datetimepicker(
        {
            language:  "zh-CN",
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 2,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: "yyyy-mm-dd"
        });

         // 使用data参数更新数据：
        $('.datatable').datatable( {
            checkable:false,
            sortable:false,
            data: {
                cols: [
                    {width: 30, text: '序号', type: 'number', flex: false, colClass: 'text-center'},
                    {width: 100, text: '任务名称', type: 'date', flex: false, sort: 'down'},
                    {width: 80, text: '考核人员', type: 'string', flex: true, colClass: ''},
                     {width: 80, text: '考核部门', type: 'date', flex: false, sort: 'down'},
                    {width: 80, text: '稽查人员', type: 'date', flex: false, sort: 'down'},
                    {width: 120, text: '稽查时间段', type: 'string', flex: true, colClass: ''},
                    {width: 80, text: '状态', type: 'date', flex: false, sort: 'down'},
                    {width: 100, text: '上次稽查时间', type: 'string', flex: true, colClass: ''},
                    {width: 100, text: '操作', type: 'string', flex: true, colClass: ''},
                ],
                rows: [
                    {checked: false, data: [1, '20170404收费站稽查任务','李明','收费站','王佳佳','2017-04-04 00:00-23:59','申诉中','2017-04-05 12:30','<a href="#"> 查看稽查结果</a> <a href="#"> 再分配</a>']},
                    {checked: false, data: [1, '20170404收费站稽查任务','李明','收费站','王佳佳','2017-04-04 00:00-23:59','申诉中','2017-04-05 12:30','<a href="#"> 查看稽查结果</a> <a href="#"> 再分配</a>']},
                    {checked: false, data: [1, '20170404收费站稽查任务','李明','收费站','王佳佳','2017-04-04 00:00-23:59','申诉中','2017-04-05 12:30','<a href="#"> 查看稽查结果</a> <a href="#"> 再分配</a>']},
                    {checked: false, data: [1, '20170404收费站稽查任务','李明','收费站','王佳佳','2017-04-04 00:00-23:59','申诉中','2017-04-05 12:30','<a href="#"> 查看稽查结果</a> <a href="#"> 再分配</a>']},
                    {checked: false, data: [1, '20170404收费站稽查任务','李明','收费站','王佳佳','2017-04-04 00:00-23:59','申诉中','2017-04-05 12:30','<a href="#"> 查看稽查结果</a> <a href="#"> 再分配</a>']},
                    {checked: false, data: [1, '20170404收费站稽查任务','李明','收费站','王佳佳','2017-04-04 00:00-23:59','申诉中','2017-04-05 12:30','<a href="#"> 查看稽查结果</a> <a href="#"> 再分配</a>']},
                    {checked: false, data: [1, '20170404收费站稽查任务','李明','收费站','王佳佳','2017-04-04 00:00-23:59','申诉中','2017-04-05 12:30','<a href="#"> 查看稽查结果</a> <a href="#"> 再分配</a>']},
                ]
            }
        });
    })
</script>

</html>